.progress-box {
	width: 22vw;
	padding: 0 21px;
}
.text-tag-base {
	padding: 2px 12px;
	height: 25px;
	border-radius: 4px;
}
.time-line {
	&-item {
		position: relative;
		min-height: 100px;
		padding: 0px 21px;
		z-index: 0;
		&:not(:last-child)::before {
			content: '';
			position: absolute;
			top: 4px;
			left: -10px;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: rgba(105, 159, 247, 1);
			border: 4px solid rgba(184, 213, 249, 1);
			z-index: 1;
		}
		&:not(:last-child)::after {
			content: '';
			position: absolute;
			top: 4px;
			left: 0;
			width: 1px;
			height: 100%;
			background: rgba(188, 212, 255, 1);
		}
		&:last-child::before {
			content: '';
			position: absolute;
			top: 4px;
			left: -5px;
			width: 12px;
			height: 12px;
			border-radius: 50%;
			background: #699ef5;
		}
		.text-time {
			font-family: 'Microsoft YaHei';
			font-weight: 400;
			font-size: 16px;
			text-align: left;
			color: #000;
		}
		.text-title {
			padding: 8px 0;
			font-family: 'Microsoft YaHei Bold';
			font-weight: 700;
			font-size: 16px;
			text-align: left;
			color: #000000e6;
		}
		.text-value {
			font-family: 'Microsoft YaHei';
			font-weight: 400;
			font-size: 14px;
			text-align: left;
			color: rgba(0, 0, 0, 0.5);
		}
		&-header {
			width: 100%;
			.text-success-tag {
				@extend .text-tag-base;
				color: #00a870;
				background: rgba(0, 168, 112, 0.1);
			}
			.text-error-tag {
				@extend .text-tag-base;
				color: rgba(250, 62, 62, 1);
				background: rgba(250, 62, 62, 0.1);
			}
			.text-primary-tag {
				@extend .text-tag-base;
				color: rgba(105, 158, 245, 1);
				background: rgba(105, 158, 245, 0.1);
			}
		}
	}
}